.clearfl:after {
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
}
body{line-height: 1.5;}
ul{list-style: none;padding: 0}
a:hover{text-decoration: none}

.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-1{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-2{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;}

/*-溢出省略-*/
.txt-ellipsis{ overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}

/*--浏览器提示--*/
.badbrowser{background:#fff;position:fixed;top:0;left:0;right:0;bottom:0;text-align:center;white-space:nowrap;overflow:auto;z-index: 1000}
.badbrowser_modal{background:rgba(0,0,0,.25)}
.badbrowser_modal .badbrowser__content{border:1px solid #ccc;border-radius:3px;background:#fff;padding:15px}
.badbrowser__logo{width:50%}.badbrowser__content,.badbrowser__helper{display:inline-block;vertical-align:middle}
.badbrowser__helper{height:100%;margin-right:-.25em}.badbrowser__content{white-space:normal}
.oldbrowser__browserLink{display:inline-block;width:60px;height:66px;background:url(../images/browsers.png) no-repeat 0 0;margin:0 10px}

.sec-menu{overflow: hidden;padding: 0;margin: 0;}
.sec-menu li{float:left;list-style: none}
.sec-menu li a{display: block;height: 46px;line-height: 46px;padding: 0 12px}
.sec-menu li.active,
.sec-menu li a:visited,
.sec-menu li a:hover{background:#004098 }

.rwd-tit{font-size: 18px}
.rwd-txt{font-size: 16px}

.mPic{display: none;}
.pcPic{display: block}

/*--pic-animate--*/
.list-item .pic-animate{transition: all .4s ease-in}
.list-item:hover .pic-animate{transform: scale(1.1)}

/*单箭头*/
.arrows-top,
.arrows-right,
.arrows-bottom,
.arrows-left{position: relative; display:inline-block;width:17px;height:17px;vertical-align: middle}
.arrows-right,.arrows-bottom,.arrows-top{right: 0;top: 0}
.arrows-left{left: 0;top: 0}
.arrows-top:after,
.arrows-right:after,
.arrows-bottom:after,
.arrows-left:after{content:"";position:absolute;width:13px;height:13px;left:50%;top:50%;border:1px solid #b1b1b1;-webkit-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg);border-left:0;border-bottom:0}

/*单箭头向左*/
.arrows-left:after{border:1px solid #b1b1b1;border-right:0;border-top:0}
/*单箭头向上*/
.arrows-top:after{border:1px solid #b1b1b1;border-right:0;border-bottom:0}
/*单箭头向下*/
.arrows-bottom:after{border:1px solid #b1b1b1;border-left:0;border-top:0;top:30%;}

/*--按钮--*/
.normal-btn{color: #004098 !important; cursor: pointer; padding:0 30px;height:36px;line-height:36px;border-radius:0;border: 1px solid #004098;}
.normal-btn:hover{-webkit-box-shadow: 0 0 0 0;box-shadow: 0 0 0 0;color:#fff !important;background: #004098;border-color:#004098;color:#fff;}

/*--内容页--*/
.content-page{position: relative;color: #333;padding-bottom: 30px}
.content-page .side-bar h3{color: #333;font-size:20px;margin: 20px 0;border-bottom: 1px solid #eee;padding-bottom: 5px}
.content-page .side-bar a{color: #333}
.content-page .side-bar a:hover{text-decoration: underline}
.content-page .main-con{ position: relative;z-index: 3; margin-top: -45px;border-left: 1px solid #eee}
.content-page .main-con:before,
.content-page:before{ content: "";position: absolute;left: 0;top: 0;right:0;background: #003175;height: 46px;z-index: -1}

.content-page .main-con:before{width: 100%;background: #004098;margin-left: -1px;border-right: 1px solid #004098;box-sizing: content-box}
.content-page .side-bar{ margin-top: 46px; background: #fff;}
.content-page .article{position: relative;min-height: 420px;margin-top: 46px;border-left: 1px solid #eee;padding: 0;}
.content-page .article h2{/* position: absolute; */width: 100%;left: 0;margin-top: -16px;background: #004098;font-size: 36px;padding: 0 25px 25px 25px;color: #fff;margin-bottom: 0;font-weight: normal}
.content-page .article .article-txt{font-size:16px;line-height: 30px;padding:15px 3% 50px 3%;}
.content-page .article .article-txt.article-style1{font-size:18px;line-height: 29px}
.content-page .article .article-tit{overflow: hidden;border-top: 1px solid #eee;padding-top: 20px}
.content-page .article .article-tit h4{float:left;color: #333;font-size:20px }
.content-page .article .article-tit a{float: right;color: #09499d}

.more-btn{ display: block; position: relative; color: #fff;background:#004098;margin-bottom: 15px;width: 164px;height: 40px;line-height: 40px;padding: 0;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0); transition: color .3s linear;text-align: center}
.more-btn:before{ content: ""; position: absolute;left: 0;top: 0;right: 0;bottom:0;background: #002c8d;-webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;z-index: -1}
.more-btn:hover{color: #fff}    
.more-btn:hover:before{transform: scaleX(1)}

/*-上图下文字-*/
.pic-list .list-item{position: relative;overflow: hidden;width: 29.33%;margin: 0 4% 4% 0;padding: 0;}
.pic-list .list-item .item-txt{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #707070;margin-bottom: 2%;}
.pic-list .list-item .item-name{font-size: 20px;margin: 2% 0;overflow:  hidden;text-overflow:  ellipsis;white-space:  nowrap;}
.pic-list .list-item .item-pic{overflow: hidden;position: relative;width: 100%;height: 0;padding-bottom:70%}
.pic-list .list-item .item-pic img{position: absolute;left: 0;top: 0;height: 100%}
.pic-list .list-item .item-info{padding: 0 5px}
.pic-list .list-item span{color: #707070;font-size: 16px}
.pic-list .list-item a:hover{color: #004098}
.pic-list .list-item a{ position: relative; display: block; color: #333;}

/*-左图右文字-*/
.pic-txt-list .list-item{border-bottom: 1px solid #eee;padding: 10px 0; transition: all .5s linear}
.pic-txt-list .list-item .item-pic{float: left;width: 20%;overflow: hidden;margin-right: 10px}
.pic-txt-list .list-item .item-pic img{width: 100%}
.pic-txt-list .list-item .item-tit a{font-size: 18px;color: #333}
.pic-txt-list .list-item .item-tit a:hover{color: #002c8d}
.pic-txt-list .list-item .item-txt a{color: #de0f18}
.pic-txt-list .list-item .item-info{overflow: hidden}
.pic-txt-list .list-item .news-view,
.pic-txt-list .list-item .news-date{ margin-right: 10px; color: #707070;font-size: 12px}

/*--纯图列表--*/
.pure-pic-li .list-item{margin-bottom: 4%;padding: 1% 4%;}
.pure-pic-li .list-item img{width: 100%}
.pure-pic-li .list-item .item-info{position: absolute;background: rgba(0,64,152,.80);padding: 10px;box-sizing: border-box;}
.pure-pic-li .list-item .item-info h3{font-size: 16px}
.pure-pic-li .list-item a{position: relative; display: block;overflow: hidden}

/*--穿墙效果列表--*/
.honor-li{background: #fff;padding:40px 20px 20px 20px; border: 1px solid #eee; box-shadow:0px 2px 5px #eee }
.honor-li a h3{color: #fff !important}
.honor-li p{font-size:16px;color:#fff;position:absolute;left:2%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);padding: 0 10%;}
.honor-li .list-item a{position: relative;height: 0;padding-bottom: 73.43%;width: 100%;height:0;}
.honor-li .list-item a img{position: absolute;left: 0;top: 0;width: 100%;}
/*--表单页--*/
.apply-form{position: relative;background: #fff;padding: 40px 50px 20px 50px;border: 1px solid #eee;box-shadow: 0px 2px 5px #eee;}

.apply-step{position: relative;overflow: hidden}
.apply-step div{float: left;width: 33.33%;text-align: center;color: #c6c5c5}
.apply-step div.on{color: #1d4885}
.apply-step div p{margin: 0}
.apply-step:before{content: "";position: absolute;width: 100%;left: 0;bottom:9px;height: 1px;background: #e8e8e8;}

.apply-form-box .step1-wp{width: 80%;padding: 5%;border: 1px solid #eceff1;margin:5% auto}
.apply-form-box .step1-wp h3{font-size: 24px;text-align: center}
.apply-form-box .step1-wp .btn{margin: 0 auto}

.apply-form h4{font-size: 18px;color: #003175;border-bottom: 1px solid #003175;font-weight: normal;padding-bottom: 7px;margin-bottom: 56px}

.apply-form .form-group{position: relative;margin-bottom: 0;width: 100%;padding-bottom: 30px;}
.apply-form .form-group>label{font-weight: normal;position: absolute;left: 13px;top: 12px;z-index: 5; font-size: 14px;-webkit-transition: all .3s linear;-ms-transition: all .3s linear;transition: all .3s linear}
.apply-form .form-group .tips{display: none;position: absolute;left: 0;bottom: 12px;font-size: 12px;color: #ff0000;}
.apply-form .form-control{height: 46px;line-height: 46px;}

.apply-form .has-error .form-control{border-color:#ff0000;color: #ff0000}
.apply-form .has-error label{color: #ff0000}
.apply-form .has-error .tips{display: block;}

.form_date .form-control,
.input-group-addon{background: #fff}

.apply-form .form-group label.active{top: -10px;background:#fff;}

.apply-form .jianli textarea.form-control {height: 296px}

.apply-form .photo{position: relative;border:1px solid #eee;text-align: center;height: 196px;}
.apply-form .photo input{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;z-index: 2;cursor: pointer}
.apply-form .photo img{max-width: 100%;height: 100%}

.verify .form-control{float: left;width: 50%;}
.verify .getcode{width: 50%;float: left;text-align: center;background: #eceff1;height: 46px;line-height: 46px;cursor: pointer}

.apply-form .opt-btn{text-align: center;margin: 125px 0 120px 0}
.apply-form .opt-btn span{text-align: center;width: 150px;height: 50px;line-height: 50px;padding:0;margin: 0 10px}
.apply-form .opt-btn span:hover{opacity: .9}

.apply-form .inputwp{padding: 0 10px}

.apply-form .inputwp.zuzhi input{margin: 0 5px 0 10px}
.apply-form .step3-wp .form-group textarea{height:196px}

/*--导航hack--*/
.navbar-collapse{margin: 0 -15px !important}
nav.navbar.bootsnav.menu-center .attr-nav{right:30px;height: 70px}
.attr-nav > ul,
.attr-nav > ul > li{height: 70px}

.pageheader .row{position:relative}
.pageheader .login{position:absolute;right:0;top:50%;margin:0;transform:translateY(-50%)}


/*--banner--*/
.main-banner { position: relative;padding: 0}
.main-banner .swiper-slide{background: #004098}
.main-banner .swiper-container{padding-bottom: 0;}
.main-banner .txt{display: none}
.main-banner .txt p{margin:0;padding:5%;float: none;font-size: 40px; }

.main-banner .prev,
.main-banner .next{position:absolute;z-index: 2;top: 50%;transform: translate(0,-50%);cursor: pointer;width: 50px;height: 50px}
.main-banner .prev{left: 20px}
.main-banner .next{right: 20px}
.main-banner .arrows-right:after,
.main-banner .arrows-left:after{width:25px;height: 25px;border-color: #fff;border-width: 2px}


.main-banner .txt2{ width: 100%; line-height: 50px;padding-left: 10px; height: 50px;background: #001b42;color: #fff;position: absolute;left: 0;bottom:-50px}

.main-banner .swiper-slide a{display: block;}

.main-banner .swiper-slide .pic{position:relative;overflow:hidden;height:0;padding-bottom: 26%;}
.main-banner .swiper-slide .pic img{position:absolute;left:0;top:0;width:100%}
.main-banner .swiper-slide .txt{position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);width: 60%;text-align: center;color: #fff}

/*--商务合作--*/
.tit-banner{text-align: center;position:relative;z-index: 1}
.tit-banner img{max-width: 100%}

.inbanner{margin-bottom: 3%;}
.inbanner.swiper-container{padding: 0} 
.inbanner .swiper-slide img{width: 100%; height:100%}
.inbanner .prev,
.inbanner .next{ display: none; position:absolute;z-index: 2;top: 50%;transform: translate(0,-50%);cursor: pointer;width: 50px;height: 50px}
.inbanner .next{right: 0}

.inbanner .arrows-right:after,
.inbanner .arrows-left:after{width:25px;height: 25px;border-color: #fff;border-width: 2px}

.inbanner .swiper-pagination{background: none}
.inbanner.swiper-container .swiper-slide a{display: block;position: relative}
.container .inbanner.newsbanner .swiper-slide a:after{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: rgba(0,0,0,.35)}
.inbanner.swiper-container .swiper-slide .txt{position: absolute;left: 10%;top: 50%;right: 10%;color: #fff;transform: translateY(-50%);padding: 2% 0;z-index: 3}
.inbanner.swiper-container .swiper-slide h3{font-size:30px;color: #fff;font-weight: normal;margin-bottom: 0;margin-bottom: 2%;}
.inbanner.swiper-container .swiper-slide h2{font-size:15px;color: #fff;margin-bottom: 1%}
.inbanner.swiper-container .swiper-slide .normal-btn{width: 100px;padding: 0;text-align: center}
.inbanner.swiper-container .swiper-slide p{font-size: 18px;margin: 0}

.container .inbanner .normal-btn{border-color: #fff;color: #fff !important}

.content-page .article .interest .swiper-container{background: #fff}
.content-page .article .interest .swiper-slide>div{ position: relative; float: left;width: 48%;margin-right:4%;overflow: hidden}
.content-page .article .interest .swiper-slide>div:last-child{margin: 0}
.content-page .article .interest .swiper-slide>div img{width: 100%}
.content-page .article .interest .swiper-slide p{position: absolute;left: 0;bottom: 0;color: #fff;font-size: 20px;margin: 0;padding: 10px;background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 75%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 75%);width: 100%}
.content-page .article .interest .swiper-pagination{background: none}

.interest{padding-left:15px}
.content-page .interest .swiper-slide div a{position: relative;display: block;width: 100%;height: 0;padding-bottom: 70%;}
.content-page .interest .swiper-slide div a img{position: absolute;left: 0;top: 0;width: 100%;}
/*--留言区--*/
.content-page .article .photo{ float: left; width: 50px;height: 50px;overflow: hidden; margin-right: 20px; border-radius: 50%;text-align: center;border: 1px solid #eee}
.content-page .article .photo img{width: 100%}
.content-page .article .msg-panel,
.content-page .article .msg-list{margin-left: 15px}
.content-page .article .msg-panel .msg-input{overflow: hidden}
.content-page .article .msg-panel .nickname{margin-bottom:10px}
.content-page .article .msg-panel .nickname input{    border: 1px solid #eee;width: 180px}
.content-page .article .msg-panel .msg-input textarea{border: 1px solid #eee;width: 100%;height: 86px;resize: none}
.content-page .article .msg-panel .msg-input textarea:focus{border-color:#002c8d}
.content-page .article .msg-panel .notice{text-align:right}
.content-page .article .submit-msg{text-align: right;margin: 20px 0 50px 0}
.content-page .article .submit-msg a{width: 168px;height: 48px;line-height: 48px;padding: 0}

.content-page .article .msg-con li{overflow: hidden;border-bottom:1px solid #eee;padding: 30px 0}
.content-page .article .msg-con .msg-con-txt{overflow:hidden}
.content-page .article .msg-con .msg-con-txt p{margin: 10px 0 0 0}
.content-page .article .msg-con .msg-con-info{overflow: hidden}
.content-page .article .msg-con .msg-con-txt .reply{margin-top:10px}

.content-page .article .msg-con .name{margin-right:20px;color: #333}
.content-page .article .msg-con .msg-date{color: #707070}
.content-page .article .msg-con .reply-btn{float: right}

/*--会企招聘--*/
.jobs-li{margin: 0;margin-right: -4%}
.jobs-li .item-name{ position: relative; font-size: 14px;color: #002c8d;height: 20px;padding-left: 23%;}
.jobs-li .item-name .item-logo{position: absolute;left:2%;bottom: 0;width: 20%;padding-top:20%;border-radius: 50%;overflow: hidden;border: 1px solid #eee;z-index: 3;background: #fff}
.jobs-li .item-name .item-logo img{position:absolute;left: 0;top: 0;width: 100%}
.jobs-li .item-info-txt{font-size: 16px}


/*--发展历程--*/
.course{ position: relative;}
.course .container{position: relative;/* height:0; */padding-bottom: 70px;background: url(../images/licheng.jpg) no-repeat center center;border:1px solid #eee;background-size: cover;box-shadow: 0px 1px 5px #eee;}
.course .gallery-top{/* position: absolute; */width: 100%;/* left: 0; *//* top: 0; *//* height: 100%; */}
.gallery-top{font-size:18px;color: #002c8d}
.gallery-top .swiper-slide p{margin: 0;border-bottom: 1px dashed #c4c4c4;padding: 1% 0;font-size: 16px;}
.gallery-top .swiper-slide h3{font-size:18px;margin-bottom:1%;margin-top: 2%;}
.gallery-top .swiper-slide h3:first-child{margin-top:0}
.gallery-top .swiper-slide .event-container{/* position: absolute; *//* left: 0; *//* top: 50%; *//* transform: translateY(-50%); */padding: 4% 13%;}
.gallery-thumbs{position: absolute;left: 0;bottom: 10%;width: 100%;border-bottom: 1px solid #deb34a;z-index: 2;height: 60px;line-height: 60px;background: none !important;}
.gallery-thumbs .swiper-slide{width: 20%;text-align: center;cursor: pointer;height: 60px;}
.gallery-thumbs .swiper-slide:after{content: "";position: absolute;left: 50%;bottom: 0;width: 1px;height: 10px;background:#deb34a }
.gallery-thumbs .swiper-slide-active:after{height: 15px}
.gallery-thumbs .swiper-slide-active{color: #ecbb47;font-size: 50px;font-weight: 550;line-height: 56px;}
.course .swiper-container{}

.content-page .news-con{margin-top: 0}
.content-page .news-con .path{height: 46px;line-height: 46px;position: absolute;left:10px;top: 0;color: #fff;z-index: 4;font-size: 12px}

.course .prev,
.course .next{position:absolute;font-size:40px;z-index: 2;top: 50%;transform: translate(0,-50%);cursor: pointer;color: #c4c4c4}
.course .prev{left:5%}
.course .next{right: 5%;}

.course .prev:after,
.course .next:after{width:26px;height:26px}

/*--两栏 列表页--*/
.two-col-con .side-bar{margin: 0}
.two-col-con .side-bar h3{margin-top: 0;margin-bottom: 10px}
.two-col-con .side-swiper .swiper-container{background: none;padding-bottom:40px}
.two-col-con .side-swiper .swiper-slide img{width: 100%}
.two-col-con .side-swiper .swiper-slide p{position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0,0,0,.5);color: #fff;margin: 0;padding: 5px;-webkit-box-sizing: border-box;box-sizing: border-box}
.two-col-con .side-swiper .swiper-pagination{background: none;width: 100%;text-align: center}
.two-col-con .side-swiper .swiper-slide a{display: block}
.two-col-con .side-bar .latest-news li{border-bottom: 1px solid #eee;padding: 6px 0}
.two-col-con .side-bar .latest-news li div{font-size: 12px}
.two-col-con .side-bar .latest-news li a{color: #002c8d;display: block;max-height: 41px;overflow: hidden;}

/*--页尾--*/
.footer{background: #003174;border-top: 4px solid #ecbb47;padding: 3% 0;color: #fff;}
.footer .container{position: relative}
.footer .ftlogo{margin: 8% 0 3% 0;width: 234px;height: 68px;}
.foot-nav{position: relative}
.foot-nav .foot-nav-item{float: left;/* margin-right:2%; *//* width: 130px; */padding: 0 10px;}
.foot-nav .foot-nav-item:first-child{padding-left:0}
.foot-nav .foot-nav-item:hover dl{display: block;overflow-y: auto;}
.foot-nav .foot-nav-item dd{float:left;}
.foot-nav .foot-nav-item:hover{background: #004098;}
.foot-nav .foot-nav-item>a{ display: block; height:30px; line-height: 30px; padding: 0 10px;color: #fff}
.foot-nav .foot-nav-item>a i{margin-left: 10px;}
.foot-nav .foot-nav-item dl{display: none; padding:10px; height:150px;position: absolute;text-align:left;left: 0;top: 30px;background: #004098;width: 100%;z-index: 10;}
.foot-nav .foot-nav-item dd a{display: inline-block;padding: 5px 10px;font-size: 12px;color: #fff;text-align:  left;}
.foot-nav .foot-nav-item dd a:hover{text-decoration:underline}

.footer .ftmenu a{margin:0 10px;color: #fff;/* word-break: keep-all; */white-space:  nowrap;}
.footer .ftmenu a:hover{text-decoration: underline}
.footer .copyright{margin:10px 0 0 10px;font-size: 12px}

.footer .qrcode{/* margin-top: 20px; */text-align: center;}

/*分页*/
.Page{width:100%; text-align:center; padding:50px 0px;}
.Page ul li {
	display: inline-block;
	min-width: 30px;
	padding: 0 5px;
	background: #ffffff;
	height: 28px;
	/* vertical-align: middle; */
	line-height: 28px;
	font-size: 12px;
	border: 1px solid #e5e5e5;
	margin-left: 5px;
    color: #333;
    margin-bottom: 5px
}
.Page ul li:hover{background: #003175;color: #FFF;}
.Page ul li.thisclass{background: #003175;color: #fff;/* display: inline-block; *//* width: 14px; */}
.Page ul li.thisclass a{color: #FFF;}
.Page ul li a{min-width: 14px;display: block;color: #333;text-decoration: none;padding: 0 5px;}
.Page ul li:hover a{color: #FFF;}

/*--交互效果--*/
/*-图文悬停-*/
.hover-eff1:after,
.hover-eff1:before{transition: all .3s ease-in}
.hover-eff1 img,
.hover-eff1 .txt,
.hover-eff1 .b-to-t{transition: all .3s ease-in}
.hover-eff1 .b-to-t{opacity:0;}
.hover-eff1:hover .b-to-t{opacity: 1; transform: translateY(-30px)}
.hover-eff1:hover img{transform: scale(1.1)}

/*-左图右文悬停-*/

/*--新闻列表切换--*/
.news-li.pic-list .list-item{width:28.33%;float: none;margin-right: 4%;margin-left:-3px;display:inline-block;vertical-align: top}
.news-li.pic-list ul{margin-right: -5%;}
.news-li.pic-list .list-item .item-txt{display: none}
.news-li.pic-list .list-item .item-pic{float: none;display: block;width: 100%}
.news-li h3{font-size: 24px;margin-bottom: 0}
.news-li a:hover h3{color: #002c8d}
.news-li a:hover .time{color: #333}
.news-li .time{ margin-bottom: 2%; font-size: 14px;color: #b4b4b4}

/*--首页--*/
.main-tit{text-align: right;overflow: hidden;height: 70px;line-height: 70px; margin-bottom:15px; border-bottom: 1px solid #c4c4c4}
.main-tit h3{font-size: 30px;color: #000;font-weight: normal;float: left;height: 70px;line-height: 70px}
.main-tit a{color: #004098;font-size: 16px}
.main-tit a:hover {
    text-decoration: underline;
}

/*-商会新闻-*/
.main-news,.main-side{margin-top: 50px;}
.shanghui-new ul{margin-right: -6%;}
.shanghui-new li{float: left;width: 44%;margin: 0 6% 5% 0;overflow: hidden;}

.shanghui-new li:last-child,
.shanghui-new li:nth-child(3){margin-bottom:2%}
.shanghui-new li img{width: 100%}
.shanghui-new li a{display: block;width: 100%;height: 100%;position: relative;color: #fff}
.shanghui-new li a:after{ content:"";position: absolute;left: 0;bottom:0; width: 100%; height:50px; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 75%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 75%)}

.shanghui-new li a .txt{position: absolute;left:0;bottom:10px;right:0;padding: 0 10px;overflow: hidden;color: #fff;z-index: 3;opacity: 1;/* height: 52px; */}
.shanghui-new li a:hover .txt{transform: translateY(-60px)}
.shanghui-new li a i{margin-right: 5px; vertical-align: middle}
.shanghui-new li a span{vertical-align: middle}
.shanghui-new li .date{position: absolute;left: 10px;bottom: 0;z-index: 3;font-size: 36px}
.shanghui-new li a:hover .date{transform: translateY(-10px)}
.shanghui-new li a:hover{color: #fff}
.shanghui-new li a:hover:after{height: 100%}
.shanghui-new li .item-pic{position: relative;height: 0;width: 100%;padding-bottom: 55%;}
.shanghui-new li .item-pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%}

/*-商会党建-*/
.dangjian-new{overflow: hidden}
.dangjian-new .list-item{padding: 1.8% 0;}
.dangjian-new .list-item:first-child{padding-top:1%}
.dangjian-new .list-item .item-pic{ display: block; overflow: hidden;width: 30%;margin-right: 4%;}
.dangjian-new .list-item .item-info .item-tit{margin-bottom: 1%}
.dangjian-new li:last-child{border: 0}
.dangjian-new li .time{color: #707070;font-size: 16px;margin: 1% 0}
.dangjian-new li .item-txt{color: #707070;margin: 0;font-size: 14px}
.dangjian-new .list-item .item-tit a{font-size: 24px}

.dangjian-new .more-btn{width: 82px;height: 34px;line-height: 34px;font-size: 14px;margin: 0}

/*-首页side-*/
.main-side{background: #f3f3f3;padding: 0 4% 4% 4%}
.main-side .latest-new{margin-top: -15px}
.main-side .latest-new li{border-bottom: 1px dashed #e6e6e6;padding: 5% 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main-side .latest-new li a{color: #004098;font-size: 18px}
.main-side .latest-new li a:hover{color: #002c8d;text-decoration:underline}
.main-side .latest-new li p{margin: 0;color: #707070;margin-top: 2%;font-size: 16px}
.main-side .more-latest-new{margin: 7% 0 5% 0;}
.main-side .more-latest-new{text-align: right;font-size: 14px}
.main-side .more-latest-new a{color: #004098}
.main-side .more-latest-new a:hover{ text-decoration:underline}
.main-side .main-video{margin-top: 8%;}
.main-side .main-video img{width: 100%;}

/*-会员中心-*/
.member-center{margin-top: 2%;background: #f3f3f3}
.main-member{ float: left; padding:0 2%; background: #f3f3f3;width:36%; }
.main-member li{padding: 4% 0;border-bottom: 1px dashed #c4c4c4}
.main-member li a:hover{color: #002c8d}
.main-member li h4{font-size: 14px;color: #daaa31;font-weight: normal;margin: 0}
.main-member li p{margin: 0}
.main-member-slide{overflow: hidden}
.main-member-slide .swiper-container{padding: 0}
.main-member-slide .prev,
.main-member-slide .next{position: absolute;left: 0;top:auto;bottom: 0;width: 50px;height: 50px;background: #002c8d;color: #fff;z-index: 2;text-align:center;cursor: pointer;line-height: 50px;}
.main-member-slide .next{left: 56px}

/*-视频-*/
.video {margin-top: 0;position: relative;text-align: center;/*cursor: pointer;*/}
.video img{width: 100%;}
.video img.video-on{opacity: 0;transition: all .2s linear}
.video img.video-on,
.video img.video-off{width:6.94%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-30%);}
.video-box{display: none;width: 80%;max-width:630px;position: fixed;left:50%;top: 50%; transform: translate(-50%,-50%) ;z-index: 11}
.video-box video{width: 100%}
.video:hover .video-off{display: none;}
.video:hover .video-on{opacity: 1;transform:translate(-50%,-30%) scale(1.1)}

.video-box.on,
.mask.on{display: block}
.mask{ display: none; position: absolute;left: 0;top: 0;right: 0;bottom: 0;background: #000;opacity: .6;z-index: 10}
/*-社会责任-*/
.shzr{margin-top: 2%}
.shzr .item{position: relative;overflow: hidden;float: left;width: 29.33%;margin-right: 4%;}
.shzr .item a{display: block;width: 100%;color: #333;font-size: 18px}
.shzr .item a:hover .item-tit{color: #002c8d}
.shzr .item .item-pic{overflow: hidden;position: relative;width: 100%;height: 0;padding-bottom: 55%;margin-bottom: 3%;}
.shzr .item .item-tit{margin-bottom: 3%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.shzr .item .time{font-size: 16px;color: #707070}
.shzr .item p{margin: 0}
.shzr .item img{width: 100%;height: 100%;position: absolute;left: 0;top: 0}
.shzr ul{margin-right: -4%;}

.member-list .main-tit{margin-bottom: 3%;padding: 0;}
.member-list .row{margin: 0}
.member-list ul{padding: 2% 0;}
.member-list li{float: left;width: 20%;margin-bottom: 5%;}
.member-list li a{position: relative;display: block;width: 100%;height: 100%;overflow: hidden;text-align:  center;}
.member-list li a .hov-pic{display:none}

.member-list li img{width: 80%;}

.member-list li a img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.member-list li a:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}

/*-商务合作-*/
.cooperation.row{margin: 0}
.cooperation .main-tit{padding: 0;}

.cooperation-li ul{margin-right: -2%}
.cooperation-li li{float: left;margin: 0 2% 1.4% 0;overflow: hidden;}
.cooperation-li li a{display: block;position: relative;width: 100%;height: 0;padding-bottom: 69.6%;}
.cooperation-li li img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.cooperation-li li .info{position: absolute;text-align: left;z-index: 3;color: #fff;width: 100%;padding: 0 5%;left: 0;bottom: 5%;font-size: 20px;}
.cooperation-li li .item-tit{font-size: 12px}
.cooperation-li li a:after{content:"";position: absolute;left: 0;bottom:0;width: 100%;height: 50%;background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 75%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 75%);}
.cooperation-li li.first-item{width:48%;}
.cooperation-li li .item-time span{}
.cooperation-li li{width: 23%}

/*--会员介绍页--*/
.member-intro{ position: relative; overflow: hidden; background: #fff;padding: 40px 20px 20px 20px;border: 1px solid #eee;box-shadow: 0px 2px 5px #eee;}
.member-intro li{ margin-bottom:5%;}
.member-intro li a{ display: block; position: relative;width: 100%;height: 0;padding-bottom: 120%;overflow: hidden;color: #fff}
.member-intro li a:before{content:"";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #004098;opacity:0;z-index: 2;}
.member-intro li a:hover:before{opacity: .8}
.member-intro li img{width: 100%;position: absolute;left: 0;top: 0;height: 100%;}

.member-intro li .info{ position: absolute;z-index: 3;left:0;top:0;color: #fff;width: 100%;padding:0 5%;margin-top: 60%;opacity: 0}
.member-intro li h3{ margin-bottom: 3%; font-size: 24px;font-weight:normal;color: #fff;}
.member-intro li p{margin: 0;font-size: 18px;}
.member-intro li .more-info{ position: relative; font-size: 12px;margin-top: 5%;padding-top:10px;}
.member-intro li .more-info:before{content: "";position: absolute;left:0;top: 0;width: 23px;height: 2px;background: #fff; }

/*-三级导航-*/
.content-page .main-con.fzjg:before{}
.content-page .fzjg{border: 0;float: left;line-height: 29px;width: 100%;}
.fzjg .article{ float: left; border: 0;position:  relative;left: 3px;padding: 3%;}
.thirdNav{padding: 0;float: left;}
.thirdNav dl{text-align: center;background: #eee}
.thirdNav dl a{display: block;padding: 6% 10px;border-bottom: 1px solid #fff}
.thirdNav dl a:hover{background: #004098;color: #fff}

.thirdNavon {background: #004098;color: #fff !important}
/*-PDF-*/
.download-li{margin: 0;margin-right: -4%}
.download-li .list-item{overflow:initial;margin: 0 2% 4% 2%;}

.download-li .list-item a{border: 1px solid #eee;box-shadow:2px 2px 5px #eee}
.download-li .list-item .item-info{padding:0 3%;}
.download-li .list-item .item-name{padding-top: 4%}
.download-li .list-item .item-txt{font-size: 12px;margin-bottom:3% }
.download-li .list-item .download-btn{padding:2%; text-align:right;border-top: 1px dashed #eee;padding: 6% 0}
.download-li .list-item .download-btn span{display:inline-block;}
.download-li .list-item a:hover{color:#002c8d}
.download-li .list-item a:hover .download-btn span{opacity: .9}

/*-single-page-*/
.single-page-wp{position: relative;/* background: #fff; */padding: 0 15px 20px 15px;}
.single-page h3{font-size: 30px;text-align: center;color: #4A4A4A}
.single-page h4{font-size:25px;font-weight: normal}
.single-page{font-size: 12px;line-height: 25px;color: #4a4a4a; box-shadow: 0px 2px 5px #eee; background: #fff;padding-bottom: 2%;}

/*-专享服务-*/
.single-page.zhuanxiangfuwu{font-size: 16px;line-height: 29px}
.zhuanxiang-txt h4{text-align: right}
.zhuanxiang-txt{padding:5%}
.zhuanxiang-txt .item-txt{padding: 0 3%;border-right: 1px solid #a1a1a1} 
.zhuanxiang-txt .item-txt h4{text-align: center;font-weight: normal}

/*-商会文化-*/
.wenhua-txt .txt-1{position: relative;background: url(../images/wenhua1.jpg) no-repeat 0 100%;width: 100%;/* min-height:600px; */padding: 6% 8% 20% 33.33%;background-size: 90%;}
.wenhua-txt h4{text-align: center}
.wenhua-txt .txt-2{padding: 0 8%}
.wenhua-txt .txt-3 div{background: url(../images/wenhua2.png) no-repeat 110% bottom;padding: 6% 25.86% 8% 8%;position:  relative;z-index: 1;}
.wenhua-txt .txt-4{padding: 0 5%;background: #F4F4F4;padding-top: 9%;padding-bottom: 6%;margin-top: -3%;border-bottom: 1px solid #a1a1a1;}
.wenhua-txt .txt-4 .item-txt{padding: 0 3%;border-right: 1px solid #a1a1a1} 
.wenhua-txt .txt-4 .item-txt h4{text-align: center;font-weight: normal}

.wenhua-txt .txt-5{padding:18% 8% 8% 8%}

.wenhua-txt .txt-6{position:relative; background:#f4f4f4;padding:5% 8% 5% 28%}
.wenhua-txt .txt-6 img{position:absolute;width: 50%;left: 0;bottom: 0;margin-bottom: -15%;}

/*-会长介绍-*/
.huizhanginfo{position: relative;height: 768px}
.huizhang-open{
    height: 878px;
}
.huizhanginfo .photo{position: absolute;left: 8%;top:8%; width: 37.6%;transition: all .5s linear}
.huizhanginfo .info{ position: absolute;left: 55%;top: 8%;transition: all .5s linear}
.huizhanginfo .info h4{ position: relative; font-size: 48px;padding-bottom: 10px;margin-bottom: 5%;}
.huizhanginfo .info h4:after{content: "";  position: absolute;left: 0;bottom: 0; border-bottom:4px solid #000;display: block;width:62px;}

.huizhanginfo .info p{margin: 0;font-size: 20px;line-height: 1.9}
.huizhanginfo .btn{margin-top: 20%;width: 95px;height: 40px;line-height: 40px;padding: 0}

.huizhang-intro{display: none; position: absolute;left: 40%;top: 32%;line-height:1.66;font-size: 18px;right: 6%;transition: all .5s linear;transform: translateY(100%)}
.download-li .list-item .item-pic{padding-bottom:144%}
.huizhang-open .photo{top: 32%;width: 25.64%}
.huizhang-open .info{left:8%;}
.huizhang-open .btn{display: none}
.huizhang-open .huizhang-intro{ display: inline-block;transform: translateY(0)}

.huizhang-open .closebtn{width:37px;height: 37px;cursor: pointer;margin:10% auto 0 auto}

/*-分享图标-*/
.side-bar .jiathis_style_32x32  .jtico{background-image: url(../images/sharebg.jpg) !important;width: 50px;height: 50px !important;}
.jiathis_style_32x32 .jtico_weixin{background-position: 0 0 !important;margin-right:18%}
.jiathis_style_32x32 .jtico_tsina{background-position: 0 -50px !important}
.jiathis_style_32x32  .jtico:hover{background-position-x:-50px !important;opacity: 1 !important;}

.project-li{margin: 0 -4% 0 0;}

.navbar-brand{padding: 0;height: auto;width: 60%}
.navbar-brand svg{vertical-align:middle}

.zhici.tit-pic{position: relative}
.zhici.tit-pic div{position: absolute;width: 60%;left: 0;top: 0;margin: 5% 0 0 5%;line-height: 2;font-size: 14px}

/*--首页头样式--*/
.indexhead .login{position:absolute;right:0;top:50%;margin:0}

/*--商会简介--*/
.single-page.shanghuijianjie{font-size: 16px;line-height: 29px;}
.shanghuijianjie .txt1{background: #F4F4F4;padding:5.4% 20%;text-align:center}
.shanghuijianjie .txt1 p{margin: 0}
.shanghuijianjie .txt1 .txt1-1{border-top: 1px solid #979797;margin-top:4%;padding-top: 4%}
.shanghuijianjie .txt1 .txt1-0 div:first-child{border-right: 1px solid #979797;}
.shanghuijianjie .txt2{padding:5.4%}
.shanghuijianjie .txt3{padding:0 4%}

.shanghuijianjie .txt3 h4{text-align: center;border-bottom: 1px solid #C4C4C4;padding: 10px 0}
.shanghuijianjie .txt3 .item-txt{padding:0 1.5%;background: #F4F4F4;border: 1px solid #C4C4C4;margin:0 1.5% 1.5% 1.5%}

/*--联系我们--*/
.connect-box{padding: 6%}
.connect-box .connect h3{padding:0 0 5% 0;text-align:left}
.connect-box .connect li div{padding-right: 4%}
.connect-box .connect li h4{font-weight:bold;font-size: 20px}
.connect-box .connect li{margin-bottom:6%}
.connect-box .connect li p{margin: 0;font-size: 14px}
/*--党委--*/
.chairmans.single-page { -webkit-box-shadow: 0 0 0; box-shadow: 0 0 0}
.chairmans .wrap {position: relative;top:0;}
.chairmans .wrap .top .chairman_introduce {
    display: none;
    padding:  40px  60px  30px  40px;
    background-color: #fff;
    -webkit-box-shadow: 0px 2px 5px #cccccc;;
    -moz-box-shadow: 0px 2px 5px #cccccc;;
    box-shadow: 0px 2px 5px #ccc;;
}

.chairmans .wrap .top .chairman_introduce .photo {
    float: left;
    margin-right: 5%;
    width: 20%;
}

.chairmans .wrap .top .chairman_introduce .photo img {
    width: 100%;
    height: 100%;
}

.chairmans .wrap .top .chairman_introduce .content {
    width: 75%;
    float: left;
}

.chairmans .wrap .top .chairman_introduce .content .sex {
    width: 100%;
    /*height:  75px;*/
    line-height:  75px;
    border-bottom:  1px solid #D1D1D1;
    font-size:  16px;
    color: #848484;
}

.chairmans .wrap .top .chairman_introduce .content .detail {
    margin-top:  20px;
}

.chairmans .wrap .top .chairman_introduce .content .detail p {
    line-height:  45px;
    font-size:  16px;
    color: #363636;
    padding-bottom:30px;
}

.chairmans .wrap .top .chairman_introduce:nth-child(1) {
    top: 0;
    display: block;
}

.chairmans .wrap .bottom {
    margin-bottom:  30px;
	width: 100%;
    padding: 40px;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
    background: #fff;
	-webkit-box-shadow: 0px 2px 5px #cccccc;;
	-moz-box-shadow: 0px 2px 5px #ccc;;
	box-shadow: 0px 2px 5px #ccc;;
}
.chairmans .wrap .bottom ul {padding-left:0;}
.chairmans .wrap .bottom ul li {
    float: left;
    width: 9.090909%;
    height: auto;
    position: relative;
    overflow: hidden;
    cursor:default;
}
.chairmans .wrap .bottom ul li:hover .mask2 {top:0;}
.chairmans .wrap .bottom ul li img {
    width: 100%;
    height: 100%;
	display:block;
}
.chairmans .wrap .bottom ul li .mask2 {
    display: block;
    width: 100%;
    height: 100%;
    padding-top: 60%;
    position: absolute;
    top: -100%;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    color: #fff;
	transition:all linear 0.5s;
	box-sizing:border-box;
}

.chairmans .wrap .bottom ul li .mask2 p {line-height: 1.5;font-size: 14px;}

.chairmans .wrap .bottom ul li .mask2 span {
    width:  42px;
    height:  6px;
    display: block;
    background-color: #004098;
    margin:  10px auto 0;
}
/*--党委介绍--*/
@media (max-width: 991px) {
    .second-block li{width: 70px;margin-right: 5px;}

    /*¶­Ê¾ÖͼƬģ¿é*/
    .chairman_banner{height:230px;}
    .chairmans .wrap{top:0;}
    .chairmans .wrap .top .chairman_introduce{
        padding: 20px;
    }
    .chairmans .wrap .top .chairman_introduce .photo{
        clear: left;
        width: 30%;
        margin-right:0;
        padding-right: 20px;
        box-sizing: border-box;
    }
    .chairmans .wrap .top .chairman_introduce .content{
        width:100%;
    }
    .chairman_introduce .content h1{
        font-size: 20px;
        margin-top: 2%;
    }
    .chairmans .wrap .top .chairman_introduce .content .sex{
        font-size: 12px;
        line-height: 1.5em;
        box-sizing: border-box;
        min-height:55px;
    }
    .chairmans .wrap .top .chairman_introduce .content .detail{
        margin-top: 10px;
    }
    .chairmans .wrap .top .chairman_introduce .content .detail p{
        font-size: 12px;
        line-height:  25px;
    }
    .chairmans .wrap .bottom{padding: 20px;}
    .chairmans .wrap .bottom ul li{width:25%;height:auto;}
    .chairmans .wrap .bottom ul li img{width:100%;height:auto;vertical-align: top;}
    .chairmans .wrap .bottom ul li .mask2{
        width:100%;
        height:100%;
        padding-top:50%;
        box-sizing: border-box;
		display: none;
    }
    .chairmans .wrap .bottom ul li .mask2 p{
        line-height:  30px;
        font-size:  16px;
    }
    .chairmans .wrap .bottom ul li .mask2 span{
        height: 4px;
    }

    .gallery-top .swiper-slide h3{font-size:14px;}
    .gallery-top .swiper-slide p{font-size:12px;}
}



/*--custom media query--*/
@media (max-width: 768px) {
    .mPic{display: block;}
    .pcPic{display: none}
    .main-banner .swiper-slide .pic{padding-bottom:53.36%}

    .main-member{width: 100%}
    .main-member-slide{clear: both}
    .dangjian-new .list-item .item-info .item-tit a{font-size: 16px}

    .main-tit h3{font-size: 26px}

    .shzr .item{float: none;width: 96%;margin-bottom: 3%}
    .shzr .item .item-tit{font-size: 16px;margin-bottom: 1%}
    .shzr .item .time{font-size: 14px}
    .shzr .item .item-pic{margin-bottom: 1%}

    .foot-nav{display: none}

    .rwd-tit{font-size: 14px !important}
    .rwd-txt{font-size: 12px !important}

    .cooperation-li li .item-tit{font-size: 12px}

    .member-intro li a:hover:before{opacity:0}
    .member-intro li a:hover .info{bottom:0;transform:translate(0,0)}
    .member-intro li .info{transition:initial;opacity: 1;margin-top:0;bottom:0;top:auto;padding-bottom:5%;background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 75%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 75%)}
    .member-intro li p{font-size: 12px}
    .member-intro li h3{font-size: 20px}

    .news-li.pic-list .list-item{width: 45%}

    .pic-list .list-item{width:96%}

    .gallery-top{font-size:12px;}

    .zhuanxiang-txt.flex{display: block}
    .zhuanxiang-txt .item-txt{border: 0}

    .huizhang-open.huizhanginfo{padding: 5%}
    .huizhang-open .photo,
    .huizhang-open .info,
    .huizhang-open .huizhang-intro{position: initial}
    .huizhanginfo .info h4{font-size: 20px}
    .huizhanginfo .info p{font-size: 14px}

    .cooperation-li li,
    .cooperation-li li.first-item{width: 98%}
    
    .dangjian-new .list-item .item-tit a{font-size: 18px}

    .content-page .article h2{font-size: 16px;padding: 10px;}
    .content-page .article .article-txt,
    .content-page .article .article-txt.article-style1{font-size: 14px}

    .content-page .article .interest .swiper-slide p{font-size: 14px}

    .pic-list .list-item .item-name{font-size: 14px}
    .pic-list .list-item .item-txt{font-size: 12px}

    .inbanner.swiper-container .swiper-slide h3{font-size: 16px}

    .pageheader .login{position: initial}
    
    .course .container{padding-bottom: 70px;}

    .huizhanginfo{height: 568px}
    .huizhang-open{
        height: 100%;
    }
    .huizhang-intro{font-size: 12px}

    .indexhead .login{position: initial;margin-bottom: 2%}

    .dangjian-new .list-item .item-pic{ width: 100%;float: none}

    .member-list li{width: 50%}

    .single-page h3{font-size: 18px}
    .single-page h4{font-size: 16px}

    .wenhua-txt .txt-1{background: none;padding: 5%;}
    .wenhua-txt .txt-4,
    .wenhua-txt .txt-2{display: block}
    .wenhua-txt .txt-4 .item-txt{border: 0}

    .wenhua-txt .txt-3 div{background: none;padding: 5%;}

    .wenhua-txt .txt-6{padding: 5%}
    .wenhua-txt .txt-6 img{display: none}

    .wenhua-txt .txt-5{padding: 5%; display: block}
    
    .gallery-thumbs .swiper-slide-active{font-size: 18px}

    .course .prev:after,
    .course .next:after{width:20px;height:20px}

    .chairmans .wrap .top .chairman_introduce .photo{width: 100%;padding: 0}

    .shanghuijianjie .txt3,
    .shanghuijianjie .txt1 .txt1-0{display: block}
    .shanghuijianjie .txt1 .txt1-0 div{margin-bottom: 2%}
    .shanghuijianjie .txt1 .txt1-0 div:first-child{border: 0}

    .footer .qrcode{margin-top: 20px}

    .connect-box .connect li{display: block}
    .connect-box .connect li h4{margin: 0}
    .connect-box .connect li div{margin-bottom:6%}
}

@media (max-width: 376px) {
    .clear-pd{margin-right: -15px;margin-left: -15px}
    .sec-menu li{float: none}
    
    .gallery-top{font-size: 12px}

    .honor-li{padding: 10px}
    .honor-li .list-item{padding:0 5px;width: 100%}

    .pic-txt-list .list-item .item-tit a{font-size: 16px}

    .main-tit h3{font-size: 20px}

    .member-intro li{width: 100%}

    .news-li.pic-list .list-item{width:95%}

    .shanghui-new li{width: 94%}

    .content-page .article h2{font-size: 14px}
    .content-page .article .article-txt,
    .content-page .article .article-txt.article-style1{font-size: 12px}
}

@media (min-width: 768px) and (max-width: 992px) { 
    .qrcode{position: absolute;margin-right: 3%; margin-bottom:3%;right: 0;bottom: 0}

    .gallery-top{font-size:16px;}

    .main-banner .txt p{font-size:20px;}

    .main-side .latest-new li a{font-size: 14px}

    .dangjian-new li .time,
    .shzr .item .time,
    .pic-list .list-item span,
    .main-side .latest-new li p{font-size: 12px}
    .main-side .latest-new li{padding: 3.4% 0}

    .member-intro li p{font-size: 13px}

    .huizhanginfo .info h4{font-size: 26px}
    .huizhanginfo .info p{font-size: 16px}

    .huizhanginfo{height: 648px}
    .huizhang-intro{font-size: 14px}

    .zhici.tit-pic div{font-size: 12px}
}

@media (min-width: 992px) and (max-width: 1200px){ 

    .main-side .latest-new li a{font-size: 16px}

    .dangjian-new li .time,
    .shzr .item .time,
    .pic-list .list-item span,
    .main-side .latest-new li p{font-size: 14px}

    .main-side .latest-new li{padding: 4.42% 0}

    .member-intro li p{font-size: 16px}

    .huizhanginfo .info h4{font-size:32px}
}

/* 小屏幕（手机，小等于 768px） */
@media (min-width: 376px) and (max-width: 768px) { 
    .content-page .main-con{margin-top: 0}

    .people-li .list-item{padding:0 5px;}

    .main-banner .txt p{font-size: 16px;}

    .member-intro li p{display: none}
}

/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px)  { 
    .qrcode{position: absolute;margin-right: 3%;margin-top: 11%;right: 0;top: 0;}

}

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) { 
    .cooperation-li li .item-time{font-size:30px}
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    border: 1px solid rgb(0, 122, 255);
}

.download-form{text-align: right}
.download-form a:hover{color: #004098;text-decoration: underline}